<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>结算页</title>
	<link rel="stylesheet" href="__CSS__/base.css">
	<link rel="stylesheet" href="__CSS__/style.css">
	<script src="__CDN_JQ__"></script>
	<script src="__LAYER__/layer.js"></script> 
</head>
<body>
	<!--头部-->
	<div class="top1">
		<div class="header-2016">
			<div class="w clearfix">
				<!--头部左内容-->
				<ul class="fl">
					<li class="fore1 fl clearfix">
						<em class="fl"></em>
						<a href="javascript:;" class="fl">收藏亿速网络</a>
					</li>
					<!--位置-->
					<li class="fore2 fl clearfix">
						<em class="fl"></em>
						<span class="fl" id="location">四川</span>
						<a href="javascript:;" class="fl" id="switch">[切换]</a>
						<!--位置切换选择-->
						<dl class="cityNav">
							<dt class="clearfix">
								<span class="fl">您所在的省份可能是：</span>
								<a href="javascript:;" class="fl">四川</a>
								<i class="fr cancel"></i>
							</dt>
							<dd class="clearfix">
								<h4 class="fl">华东地区</h4>
								<div class="clearfix fl">
									<a href="javascript:;" class="fl">上海</a>
									<a href="javascript:;" class="fl">江苏</a>
									<a href="javascript:;" class="fl">浙江</a>
									<a href="javascript:;" class="fl">江西</a>
									<a href="javascript:;" class="fl">福建</a>
									<a href="javascript:;" class="fl">安徽</a>
									<a href="javascript:;" class="fl">山东</a>
								</div>
							</dd>
							<dd class="clearfix">
								<h4 class="fl">华东东北</h4>
								<div class="clearfix fl">
									<a href="javascript:;" class="fl">北京</a>
									<a href="javascript:;" class="fl">天津</a>
									<a href="javascript:;" class="fl">河北</a>
									<a href="javascript:;" class="fl">山西</a>
									<a href="javascript:;" class="fl">辽宁</a>
									<a href="javascript:;" class="fl">黑龙江</a>
									<a href="javascript:;" class="fl">吉林</a>
									<a href="javascript:;" class="fl">内蒙古</a>
								</div>
							</dd>
							<dd class="clearfix">
								<h4 class="fl">华南西南</h4>
								<div class="clearfix fl">
									<a href="javascript:;" class="fl">广东</a>
									<a href="javascript:;" class="fl">海南</a>
									<a href="javascript:;" class="fl">四川</a>
									<a href="javascript:;" class="fl">重庆</a>
									<a href="javascript:;" class="fl">贵州</a>
									<a href="javascript:;" class="fl">广西</a>
									<a href="javascript:;" class="fl">云南</a>
									<a href="javascript:;" class="fl">西藏</a>
								</div>
							</dd>
							<dd class="clearfix">
								<h4 class="fl">华中西北</h4>
								<div class="clearfix fl">
									<a href="javascript:;" class="fl">陕西</a>
									<a href="javascript:;" class="fl">河南</a>
									<a href="javascript:;" class="fl">湖南</a>
									<a href="javascript:;" class="fl">湖北</a>
									<a href="javascript:;" class="fl">甘肃</a>
									<a href="javascript:;" class="fl">宁夏</a>
									<a href="javascript:;" class="fl">青海</a>
									<a href="javascript:;" class="fl">新疆</a>
								</div>
							</dd>
						</dl>
					</li>
				</ul>
				<!--头部右内容-->
				<ul class="fr clearfix nav-right">
					<li class="fl clearfix">
						<span class="fl">欢迎来到亿速网络！</span>
						<a href="javascript:;" class="fl active">【登录】</a>
						<a href="javascript:;" class="fl active">【注册】</a>
					</li>
					<li class="fl">
						|<a href="javascript:;">我的订单</a>|
					</li>
					<li class="fl customerService">
						<a href="javascript:;">个人中心<i></i></a>
						<div>
							<p><a href="javascript:;">我的信息</a></p>
							<p><a href="javascript:;">我的订单</a></p>
							<p><a href="javascript:;">我的快速订单</a></p>
							<p><a href="javascript:;">我的优惠券</a></p>
							<p><a href="javascript:;">我的收藏</a></p>
							<p><a href="javascript:;">报表中心</a></p>
							<p><a href="javascript:;">电子杂志订阅</a></p>
							<p><a href="javascript:;">我的积分</a></p>
						</div>
					</li>
					<li class="fl clearfix mobile">
						<span class="fl">|</span>
						<div class="mobile-phone fl">
							<b></b>
							<s></s>
						</div>
						<a href="javascript:;" class="fl">APP下载</a>
					</li>
					<li class="fl customerService">
						|<a href="javascript:;">客户服务<i></i></a>|
						<div>
							<p><a href="javascript:;">我的信息</a></p>
							<p><a href="javascript:;">我的订单</a></p>
							<p><a href="javascript:;">我的快速订单</a></p>
							<p><a href="javascript:;">我的优惠券</a></p>
							<p><a href="javascript:;">我的收藏</a></p>
							<p><a href="javascript:;">报表中心</a></p>
							<p><a href="javascript:;">电子杂志订阅</a></p>
							<p><a href="javascript:;">我的积分</a></p>
						</div>
					</li>
					<li class="fl customerService">
						<a href="javascript:;">网络导航<i></i></a>
						<div>
							<p><a href="javascript:;">我的信息</a></p>
							<p><a href="javascript:;">我的订单</a></p>
							<p><a href="javascript:;">我的快速订单</a></p>
							<p><a href="javascript:;">我的优惠券</a></p>
							<p><a href="javascript:;">我的收藏</a></p>
							<p><a href="javascript:;">报表中心</a></p>
							<p><a href="javascript:;">电子杂志订阅</a></p>
							<p><a href="javascript:;">我的积分</a></p>
						</div>
					</li>
					<li class="fl telephone"><em></em>{$intnet_phone}</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="home-section">
		<!--二级头部-->
		<div class="home-header">
			<div class="home-header-main clearfix">
				<!--logo-->
				<a href="javascript:;" class="logo fl">
					<p></p>
					<h2>亿速网络</h2>
				</a>
				<h5 class="fl title">
					结算页
				</h5>
				<!--搜索框-->
				<div class="home-search-parent fr">
					<div class="home-search clearfix">
						<input type="text" class="fl input">
						<input type="button" class="fl btn" value="搜&nbsp;索">
					</div>
					<dl class="home-hotsearch clearfix">
						<dt class="fl">热门搜索：</dt>
						<dd class="fl"><a href="javascript:;">复印纸</a></dd>
						<dd class="fl"><a href="javascript:;">文件夹</a></dd>
						<dd class="fl"><a href="javascript:;">计算器</a></dd>
						<dd class="fl"><a href="javascript:;">剪刀</a></dd>
						<dd class="fl"><a href="javascript:;">订书机</a></dd>
					</dl>
				</div>
			</div>
		</div>
	</div>
	<div class="conrm-section w">
		<div class="thisPon">
			<div class="ponState clearfix">
				<span class="fl one">1</span>
				<span class="fl two">2</span>
				<span class="fl three active">3</span>
			</div>
			<div class="ponTitle clearfix">
				<i class="fl l">我的购物车</i>
				<i class="fl c">确认订单信息</i>
				<i class="fl r active">成功提交订单</i>
			</div>
		</div>
		<!--填写核对订单信息-->
		<div class="orInfio">
			<h2 class="t">填写并核对订单信息</h2>
			<ul class="detailed">
				<li class="receipt">
					<div class="clearfix receiptCh">
						<h6 class="fl">收货人信息</h6>
						<a href="javascript:;" class="fr">新增加收货地址</a>
					</div>
					<div class="consignee-item clearfix">
						<div class="fl place">
							公司
							<em></em>
						</div>
						<span class="fl">廖小玲</span>
						<span class="fl ed">北京市 昌平区 北七家镇 三友公寓一栋一单元9-22 </span>
						<span class="fl">151****4112</span>
						<a href="javascript:;" class="fr">编辑</a>
					</div>
				</li>
				<li class="method">
					<h6>支付方式</h6>
					<div class="payment clearfix">
						<span class="fl active">货到付款<em></em></span>
						<span class="fl">微信支付<em></em></span>
						<span class="fl">支付宝支付<em></em></span>
						<span class="fl">在线支付<em></em></span>
					</div>
				</li>
				<li class="distribution">
					<h6>配送方式</h6>
					<div class="payment clearfix">
						<span class="fl active">商城物流<em></em></span>
						<span class="fl">快递<em></em></span>
					</div>
				</li>
				<li class="confirm">
					<div class="clearfix titPart">
						<h6 class="fl">确认订单信息</h6>
					</div>
					<div class="payment clearfix">
						<div class="subject clearfix">
							<span class="fl ition">商品信息</span>
							<span class="fl atte">商品属性</span>
							<span class="fl price">单价</span>
							<span class="fl number">数量</span>
							<span class="fl dint">优惠方式</span>
							<span class="fl sual">小计</span>
						</div>
						<div class="paymentCon clearfix">
							<div class="con-parent clearfix fl">
								<a href="javascript:;" class="fl">
									<img src="__IMG__/con-1.jpg">
								</a>
								<div class="fl ition">
									<h5>得力文具中性笔0.5签字笔12支+</h5>
									<a href="javascript:;">20笔芯碳素笔办公用品黑色水笔包邮</a>
								</div>
							</div>
							<div class="fl atte">颜色分类：12支红水笔</div>
							<div class="fl price">16.40</div>
							<div class="fl number">1</div>
							<div class="fl dint">省8.20满10元减2元</div>
							<div class="fl sual">14.4</div>
						</div>

						<!--配送方式-->
						<div class="ditrnMode">
							配送方式：快递运输
						</div>
						<!--订单备注-->
						<div class="rderNote clearfix">
							<span class="fl">添加订单备注：</span>
							<input type="text" class="fl" placeholder="提示：请勿填写有关支付、收货、发票方面的信息">
							<em class="fl"> 提示：请勿填写有关支付、收货、发票方面的信息</em>
						</div> 
					</div>
				</li>
				<!--发票信息-->
				<li class="iceInion">
					<h6>发票信息</h6>
					<div class="whether">
						<span>不开发票</span><a href="javascript:;">修改</a>
					</div>
				</li>
			</ul>
			<div class="atmoney">
				<p><b>1</b>件商品，总商品金额：￥19.80</p>
				<p>优惠券：0.00</p>
				<p>运费： ￥3.00</p>
			</div>
			<div class="total">
				<p class="one">
					<span>应付总额：</span> 
					<b>￥13.80</b>
				</p>
				<p class="two">寄送至： 上海市 普陀区百春园小区22栋四单元401      收货人：廖小玲 185****3665</p>
			</div>
			<div class="randbtn clearfix">
				<input type="button" value="提交订单" class="fr">
			</div>
		</div>
	</div>
	<!--右侧一键到顶 and 客服-->
	<ul class="home-tab">
		<li>
			<em></em>
			<span>2</span>
			<div class="userTips">
				<p>将过期的优惠券：<b>0</b></p>
				<p>使用过的优惠券：<b>0</b></p>
				<p>以使用的优惠券：<b>0</b></p>
			</div>
		</li>
		<li>
			客服
			<div class="userTips one">
				<a href="javascript:;">东北</a>
				<a href="javascript:;">华北</a>
				<a href="javascript:;">华南</a>
				<a href="javascript:;">华中</a>
				<a href="javascript:;">苏沪</a>
				<a href="javascript:;">皖浙</a>
				<a href="javascript:;">西北</a>
				<a href="javascript:;">西南</a>
			</div>
		</li>
		<li>
			物流
			<div class="userTips one">
				<a href="javascript:;">深圳仓</a>
				<a href="javascript:;">广州仓</a>
				<a href="javascript:;">上海仓</a>
				<a href="javascript:;">北京仓</a>
				<a href="javascript:;">成都仓</a>
				<a href="javascript:;">沈阳仓</a>
				<a href="javascript:;">南京仓</a>
				<a href="javascript:;">西安仓</a>
				<a href="javascript:;">济南仓</a>
				<a href="javascript:;">武汉仓</a>
				<a href="javascript:;">重庆仓</a>
			</div>
		</li>
		<li>售后</li>
		<li>技术</li>
		<li>投诉</li>
		<li>关闭</li>
	</ul>
	<!--一键到顶-->
	<div class="hm-go-top-parent">
		<div class="hm-go-top active"></div>
		<div class="hm-tit-top">顶部</div>
	</div>
	<!--地址编辑and新建-->
	<div class="ui-dialog">
		<div class="ui-dialog-child"></div>
		<div class="consignee">
			<div class="ui-dialog-title clearfix">
				<span class="fl">新增收货人信息</span>
				<a href="javascript:;" class="fr"></a>
			</div>
				<div class="inPtn">
					<p class="clearfix">
						<span class="fl"><i>*</i> 收货人：</span>
						<input type="text" name="realname" id="realname" class="fl itxt">
					</p>
					<p class="clearfix">
						<span class="fl"><i>*</i> 所在地区：</span>
						<select name="province" id="province"></select><select name="city" id="city"></select><select name="area" id="area"></select>
					</p>
					<p class="clearfix">
						<span class="fl"><i>*</i> 详细地址：</span>
						<input type="text" name="address" id="address" class="fl">
					</p>
					<p class="clearfix">
						<span class="fl"><i>*</i> 手机号码：</span>
						<input type="text" name="mobile" id="mobile" class="fl itxt">
					</p>
					<p class="clearfix">
						<span class="fl">&nbsp;&nbsp; 邮箱：</span>
						<input type="text" name="email" id="email" class="fl itxt">
						<em class="fl deviation">用来接收订单提醒邮件，便于您及时了解订单状态</em>
					</p>
					<p class="clearfix">
						<span class="fl">地址别名：</span>
						<input type="text" name="alias" id="alias" class="fl itxt">
					</p>
					<input type="button" class="submit" onclick="check_add();" value="保存收货人信息">
				</div>
		</div>
	</div>
	
	<!--尾部-->
	<div class="public-footer">
		<div class="public-footer-top clearfix">
			<ul class="code clearfix fl">
				<li class="code-fl fl">
					<img class="lazy" data-original="{$init_qr_code}" alt="">
					<p>亿速网络官方微信服务号 扫一扫，享更多优惠</p>
				</li>
				<li class="code-fr fl">
					<p class="active">{$intnet_phone}</p>
					<p>工作日(9:00-18:00)</p>
				</li>
			</ul>
			<div class="footer007 fl clearfix">
				<dl class="fl">
					<dt>购物指南</dt>
					<dd><a href="javascript:;">授权证书</a></dd>
					<dd><a href="javascript:;">购物流程</a></dd>
					<dd><a href="javascript:;">常见问题</a></dd>
					<dd><a href="javascript:;">取消订单</a></dd>
					<dd><a href="javascript:;">优惠券使用说明</a></dd>
				</dl>
				<dl class="fl">
					<dt>配送方式</dt>
					<dd><a href="javascript:;">发货点</a></dd>
					<dd><a href="javascript:;">签收事项</a></dd>
					<dd><a href="javascript:;">配送服务</a></dd>
					<dd><a href="javascript:;">货物接收条款</a></dd>
				</dl>
				<dl class="fl">
					<dt>支付方式</dt>
					<dd><a href="javascript:;">银联在线支付</a></dd>
					<dd><a href="javascript:;">支付宝支付</a></dd>
					<dd><a href="javascript:;">微信支付</a></dd>
					<dd><a href="javascript:;">积分支付</a></dd>
				</dl>
				<dl class="fl">
					<dt>售后服务</dt>
					<dd><a href="javascript:;">退货流程</a></dd>
					<dd><a href="javascript:;">退换货政策</a></dd>
					<dd><a href="javascript:;">退换货上门取件城市</a></dd>
					<dd><a href="javascript:;">退换货运费标准</a></dd>
				</dl>
			</div>
		</div>
		<div class="footer009">
			<img class="lazy" data-original="__IMG__/footer.png" alt="">
		</div>
		<div class="footer10">
			<a href="javascript:;">关于我们</a>|
			<a href="javascript:;">联系我们</a>|
			<a href="javascript:;">加盟我们</a>|
			<a href="javascript:;">商城APP</a>|
			<a href="javascript:;">友情链接</a>
		</div>
		<div class="footer10">
			<a href="javascript:;">{$record_number}</a>|
			<a href="javascript:;">有任何问题请联系我们在线客服 电话：{$intnet_phone}</a>
		</div>
		<div class="footer10">
			<a href="javascript:;">互联网出版许可证编号新出网证(京)字150号</a>|
			<a href="javascript:;">出版物经营许可证</a>|
			<a href="javascript:;">网络文化经营许可证京网文[2014]2148-348号</a>|
			<a href="javascript:;">违法和不良信息举报电话：4006561155</a>
		</div>
		<div class="footer10">
			<span>© 20016-2018 亿速网络用品 版权所有，并保留所有权利</span>
		</div> 
		<div class="footer11">
			<a href="javascript:;"><img class="lazy" data-original="images/1.jpg" alt=""></a>
			<a href="javascript:;"><img class="lazy" data-original="images/2.jpg" alt=""></a>
			<a href="javascript:;"><img class="lazy" data-original="images/3.jpg" alt=""></a>
			<a href="javascript:;"><img class="lazy" data-original="images/4.jpg" alt=""></a>
			<a href="javascript:;"><img class="lazy" data-original="images/5.jpg" alt=""></a>
			<a href="javascript:;"><img class="lazy" data-original="images/6.jpg" alt=""></a>
			<a href="javascript:;"><img class="lazy" data-original="images/7.jpg" alt=""></a>
			<a href="javascript:;"><img class="lazy" data-original="images/8.jpg" alt=""></a>
			<a href="javascript:;"><img class="lazy" data-original="images/9.jpg" alt=""></a>
			<a href="javascript:;"><img class="lazy" data-original="images/10.jpg" alt=""></a>
		</div>
	</div>
</body>
<script language="javascript" src="__JS__/order/recycle.js"></script>
<script language="javascript" src="__COMMON__/js/PCASClass.js"></script>	
<script language="javascript">
	new PCAS("province","city","area","请选择省份","请选择城市","请选择地区");
</script>
<script src="__JS__/header.js"></script>
<script src="__JS__/confirm.js"></script>
</html>